

<!DOCTYPE html>
<html lang="en">
<head>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>

    <title>火车票预订与代购-高铁票价，动车票价-高铁订票，动车订票网-八一火车票订购中心</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />


    <meta name='description' content='火车票预订与代购,高铁票,动车票免费配送,铁路时刻表查询,足不出户订购全国高铁票,动车票.高铁订票网,动车订票网,时时动车高铁票价,携程火车票订购中心。' /><meta name='keywords' content='火车票查询_12306火车票网上订票网站_火车票网上订票【携程火车票】|火车票,火车票网上订票,火车票查询,火车票价,火车票预订,携程火车票订购中心|携程火车票订购中心（http://trains.ctrip.com/），为您提供火车票网上订票服务，火车票余票查询，火车票价，预订高铁票动车票。' />


    <style>
        [v-cloak]{
            display: none;
        }
    </style>
    <link rel="stylesheet" href="/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
    <%--    2. 引入自定义的css文件--%>
    <link rel="stylesheet" href="/css/nav.css">

    <%--    内部样式写在style--%>
    <style>
        /*id选择器 - id属性的值必须是唯一的*/
        #login_div{
            /*border: 1px solid red;*/

            margin-top: 80px;

            padding: 50px;

            border-radius: 20px;

            box-shadow: 2px 2px 0px #000;
        }
        .modal-body {
            position: relative;
            padding: 15px;
        }
        .modal-footer {
            padding: 15px;
            text-align: right;
            border-top: 1px solid #e5e5e5;
        }
        .modal-footer .btn + .btn {
            margin-bottom: 0;
            margin-left: 5px;
        }
        .modal-footer .btn-group .btn + .btn {
            margin-left: -1px;
        }
        .modal-footer .btn-block + .btn-block {
            margin-left: 0;
        }

        .user_enter{
            color: white;
            text-shadow: 2px 2px 0px #000;
        }
    </style>
</head>

<%--    引入导航文件 include是属于jsp指令--%>

<%@ include file="WEB-INF/common/nav.jsp"%>
<link href="//webresource.c-ctrip.com/ResCRMOnline/R1/pageheader/css/PageHeader_V4.css?temp=-8,458,247,060,175,562,765" rel="stylesheet" /> <div class="cui-nav-bar">
</div><div class="cui_hd_cont">
    <div class="cui_hd">
        <input type="hidden" id="_searchboxNo_" value="ws_www20140409"><input type="hidden" id="_newHeaderFlag_" value="true">

        <div class="nav-tel">
            <ul class="nav-tel-list" id="cui-nav-tel-list">
                <li>95010</li>
            </ul>
        </div>
    </div>
</div><div id="cui_nav">
    <div id="nav_bh" class="cui_nav_behind" style="display:none;height:0px;"></div>
</div><div id="ActConfig_ID" style="display:none">[{"id":"14","onlinetime":"2019/12/31 23:55:04$2200/08/08 16:19:09"},{"id":"15","onlinetime":"2018/12/13 08:23:32$2180/12/31 23:55:09"}]</div><input type="hidden" id="popfloating_isshow" value="0"><input type="hidden" id="siteDomainHeadFloat" value="ctrip"><input type="hidden" id="bsType" value="0"><input type="hidden" id="formatTel" value="[{'formatTelNum':'95010','prefix':'客服电话：','sortIndex':'1','standardTelNum':'95010','suffix':''}]">

<script>
    var $jQuery = jQuery.noConflict();
</script>
<script type="text/javascript" src="https://webresource.c-ctrip.com/code/cquery/cQuery_110421.js" charset="utf-8"></script>
<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/vue.js" charset="utf-8"></script>
<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/vue-resource.js" charset="utf-8"></script>
<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/common.js?v=1624244877884" charset="utf-8"></script>

<script type="text/javascript" src="https://webresource.c-ctrip.com/ares2/basebiz/cusersdk_base/~1.0.0/default/loginsdk.js?expires=1d" charset="utf-8"></script>

<script>
    var ctx='';
    var versionNumber='1624244877884';
    var uid='';
    var preSaleDay=parseInt('62');//预售期

    var curEnv='pro';//获取当前环境

    //pc预订站点
    var onlineWebPath='https://trains.ctrip.com/pages';

    //非会员登录 处理
    function _ssoNonmemberLogin(callback) {
        var _nonmemberLoginPermission = false; //是否允许非会员登录功能的开关
        var loginParams = {
            "showNoUser": _nonmemberLoginPermission, //是否显示非会员，默认为false,非必填
            "showThird": _nonmemberLoginPermission, //是否显示第三方，默认为false,非必填
            "showCloseBtn": true, //是否显示关闭按钮，默认为false,非必填
            "showView": _nonmemberLoginPermission ? "nonmemberDirectLogin" : "normal", // 显示哪个登录类型，默认是个性化登录。其他类型有：normal,oversea,dynamic/   nonmemberDirectLogin（表示采用非会员登录api，不会出现蒙版。版本需>=1.0.3）
            "Secretkey": "MELMFD15URWPKBC2WNJGTMLQYHNA89T2", // 第一步中申请的secretKey
            "thirdCallbckUrl": ctx + "/thirdlogincallback"  //第三方登录完成后回调地址，需要把这个页面：https://passport.ctrip.com//user/static/thirdlogincallback.html 下载并部署到根目录。(第三方登录成功后回调使用，使用第三方登录的情况下务必填写)
        };

        //判断用户是否登录
        new window.CLogin().validateBiz.isLogin(loginParams, function (result) {
            //已经登录
            if (result.returnCode == 0) {
                console.log("has login");
                callback && callback();
            } else {
                new window.CLogin().showMaskView(loginParams, function (viewResult) {
                    if (viewResult.returncode == 0) {
                        console.log("nonmember login");
                        callback && callback();
                    }
                });
            }
        });
    }

</script>

</head>

<body>
<style>
    .divAppBanner >div {
        cursor:pointer;
    }

</style>

<link href="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/css/searchtrain.css?v=1624244877884" type="text/css" rel="stylesheet">
<link href="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/css/CityUC.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/cityUC.js?v=1624244877884" charset="utf-8"></script>
<script src="https://webresource.c-ctrip.com/code/cquery/mod/validate-1.1.js" charset="utf-8"></script>
<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/calendar-3.0.js?v=1" charset="utf-8"></script>
<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/searchEntity.js?v=1624244877884" charset="utf-8"></script>

<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/hotline.js?v=1624244877884" charset="utf-8"></script>


<script type="text/javascript" src="//webresource.c-ctrip.com/ResMarketOnline/R2/new/js/aSlide.umd.min.js" charset="utf-8"></script>


<input type="hidden" id="page_id" value="108001">

<!--==公告==-->
<div id="noticeTemplete"
     class="block_notice"
     style="display: none;"
     v-show="noticeJson.show&&!!noticeJson.content" >
    <a href="javascript:void(0)" class="icon_close" @click="closeNotice();" >×</a>
    <span class="notice_tips">{{noticeJson.title}}</span>
    {{noticeJson.content}}
</div>

<div class="base_top" id="searchBoxTemplete" v-cloak >

    <!--搜索框-->
    <div class="base_bd posre">
        <div class="s_box">
            <div class="s_box_tab">

                <a rel="nofollow" href="javascript:void(0)" class="current">国内火车票</a>

                <a href="//rails.ctrip.com/">国际/港台火车票</a>


            </div>
            <div class="search_box">
                <ul class="search_type" >
                    <li :class="searchJson.ticketType==0?'current':''" @click="searchJson.ticketType=0" >单程</li>
                    <li :class="searchJson.ticketType==1?'current':''" @click="searchJson.ticketType=1">往返</li>
                    <li :class="searchJson.ticketType==2?'current':''" @click="searchJson.ticketType=2">中转</li>
                </ul>

                <div class="search_form">
                    <div class="search_txt">


                        <a href="javascript:void(0)" class="chage" @click="exchangCity();" ></a>
                    </div>

                    <div class="search_txt" v-show="searchJson.ticketType==0" >
                        <label>出发时间</label>
                        <input type="text" class="input_txt270"  placeholder="出发日期"
                               id="departDate" readonly="readonly"
                               v-model="searchJson.departDate"
                               :style="getWeekStyle(searchJson.departDate)">
                    </div>

                    <div class="search_txt" v-show="searchJson.ticketType==1" >
                        <div class="columns2 fl">
                            <label>出发时间</label>
                            <input type="text" class="input_txt128"  placeholder="出发日期"
                                   id="rtnToDate"  readonly="readonly"
                                   v-model="searchJson.departDate"
                                   :style="getWeekStyle(searchJson.departDate)">
                        </div>
                        <div class="columns2 fr">
                            <label>返回时间</label>
                            <input type="text" class="input_txt128"  placeholder="返回日期"
                                   id="rtnBackDate"  readonly="readonly"
                                   v-model="searchJson.returnDate"
                                   :style="getWeekStyle(searchJson.returnDate)"
                            >
                        </div>
                    </div>


                    <div :class="choosegaotie?'search_txt current':'search_txt'">
                        <i class="checkbox" @click="choosegaotie=!choosegaotie" ></i>只搜高铁动车
                    </div>

                    <a href='/railticket/index'>
                        <input type="button" value="开始搜索" class="searchbtn" @click="searchClick()" ></a>
                </div>
                </a>


            </div>
        </div>

        <div class="adv_bd divAppBanner"  id="divAppBanner">
        </div>

    </div>
</div>


<div class="base_bd">
    <div class="erweima">
        <img alt="小程序购买火车票" src="https://images3.c-ctrip.com/train/h5/applets.jpeg">
    </div>
</div>
</div>
</div>

<div class="hottrain">
    <div class="base_bd">
        <div class="titbar">
            <h2>坐火车去旅行<span>/热门火车旅游线路</span></h2>
        </div>
        <div class="product_list" id="ul_hotline">
            <div class="product_bd train">
                <a href='/product/index' target="_blank">
                    <i class="i_recom">推荐</i>
                    <div class="product_img">
                        <img src="//pic.c-ctrip.com/railway_v2/zzz_236152_3.jpg" alt="">
                    </div>
                    <div class="product_cont">
                        <p class="product_tit">京广高铁</p>
                        <p class="train_colt current"><span class="fr" title="热度">92% <i class="i_colt"></i></span>天南地北任我游

                        </p>
                    </div>
                </a>
            </div>

            <div class="product_bd train">
                <a href='/product/index' target="_blank">
                    <div class="product_img">
                        <img src="//pic.c-ctrip.com/railway_v2/zzz_236152.jpg" alt="">
                    </div>
                    <div class="product_cont">
                        <p class="product_tit">京沪高铁</p>
                        <p class="train_colt current">
                            <span class="fr" title="热度">95% <i class="i_colt"></i></span>千里京沪一日还
                        </p>
                    </div>

                </a>
            </div>

            <div class="product_bd train">
                <a href='/product/index' target="_blank">
                    <div class="product_img">
                        <img src="//pic.c-ctrip.com/railway_v2/zzz_236152_2.jpg" alt="">
                    </div>
                    <div class="product_cont">
                        <span class="base_price" style="display: none"><dfn>¥</dfn><strong>1234.5</strong>起</span>
                        <p class="product_tit">宁杭甬</p>
                        <p class="train_colt current">
                            <span class="fr" title="热度">89% <i class="i_colt"></i></span>最养眼的高铁线路
                        </p>
                    </div>

                </a>
            </div>

            <div class="product_bd train">
                <a href='/railticket/index'target="_blank">
                    <div class="product_img">
                        <img src="//pic.c-ctrip.com/railway_v2/zzz_236152_1.jpg" alt="">
                    </div>
                    <div class="product_cont">
                        <span class="base_price" style="display: none"><dfn>¥</dfn><strong>1234.5</strong>起</span>
                        <p class="product_tit">成渝高铁</p>
                        <p class="train_colt current">
                            <span class="fr" title="热度">88% <i class="i_colt"></i></span>爱上天府之国
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="base_bd" id="hotLinesVueTemplete" v-cloak >
    <div class="titbar">

        <h2>热门线路<span>/热门路线推荐</span></h2>
    </div>
    <div class="hotline">
        <table width="100%" class="hotline_bd" v-show="curHotLineList&&curHotLineList.length>0" >
            <tbody>
            <tr>
                <td width="24%"  >
                    <p v-for="item in curHotLineList.slice(0,4)" >
                        <span class="base_price">
                            <dfn>&yen;</dfn><strong>{{item.price}}</strong>起
                        </span>
                        <a rel="nofollow" :href="getHotJumpUrl(item.from_city_name,item.to_city_name)">{{item.from_city_name}} <i class="arr"></i> {{item.to_city_name}}</a>
                    </p>
                </td>
                <td width="14%"><i class="hotline_dashed"></i></td>
                <td width="24%"  >
                    <p v-for="item in curHotLineList.slice(4,8)" >
                        <span class="base_price">
                            <dfn>&yen;</dfn><strong>{{item.price}}</strong>起
                        </span>
                        <a rel="nofollow" :href="getHotJumpUrl(item.from_city_name,item.to_city_name)">{{item.from_city_name}} <i class="arr"></i> {{item.to_city_name}}</a>
                    </p>
                </td>
                <td width="14%"><i class="hotline_dashed"></i></td>
                <td width="24%" >
                    <p  v-for="item in curHotLineList.slice(8,12)" >
                        <span class="base_price">
                            <dfn>&yen;</dfn><strong>{{item.price}}</strong>起
                        </span>
                        <a rel="nofollow" :href="getHotJumpUrl(item.from_city_name,item.to_city_name)">{{item.from_city_name}} <i class="arr"></i> {{item.to_city_name}}</a>
                    </p>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>


<div class="advantage">
    <div class="base_bd">
        <div class="advantage_bd fl">
            <i class="i_adv icon1"></i>
            <h4>安心服务</h4>
            <p>7X24小时可预订</p>
            <p>自取、送票上门任你选</p>
        </div>
        <div class="advantage_bd fr">
            <i class="i_adv icon3"></i>
            <h4>退改无忧 </h4>
            <p>工作时间内发车前25分钟可退票</p>
            <p>工作时间内发车前25分钟可改签</p>
            <a href="#" style="display: none">更多<i class="i_tri"></i> </a>
        </div>
        <div class="advantage_bd fm">
            <i class="i_adv icon2"></i>
            <h4>放心价格</h4>
            <p>专享携程优惠券礼品卡等</p>
        </div>

    </div>
</div>


<div id="rightFloatTemplete" v-cloak>
    <!--sidebar-->
    <div class="side_fixed">
        <a href="javascript:void(0);" class="sidebar" @mouseover="myOrderShow=true" @mouseout="myOrderShow=false" ><i class="i_sidebar icon1"></i>我的<br />订单</a>
        <a href="javascript:void(0);" class="sidebar" @click="chatClick();" ><i class="i_sidebar icon2"></i>在线<br />客服</a>
        <a href="javascript:void(0);" class="sidebar"  @click="phoneClick();" ><i class="i_sidebar icon3"></i>电话<br />客服</a>
        <div class="sidebar_snav" @mouseover="myOrderShow=true" @mouseout="myOrderShow=false" v-show="myOrderShow" >
            <a href="//my.ctrip.com/Home/Order/RailwayOrderList.aspx" target="_blank"><i class="i_sidebar icon4"></i>会员订单</a>
            <a href="https://passport.ctrip.com/user/member/fastOrder" target="_blank"><i class="i_sidebar icon5" ></i>非会员订单</a>
        </div>
    </div>

    <!--在线客服--->
    <div>
        <div class="shadow" style="display: none"></div>
        <div class="popBox" id="phonechat" style="display:none;">
            <div class="pop_top">
                <i class="pop_bk2"></i>
                <b class="pop_close" @click="phoneClose();" ></b>
            </div>
            <dl class="pop2">
                <dd><span>电话客服</span><strong>021-22268888</strong><br><b>24小时在线</b></dd>
                <dd><span>温馨提示</span><i>因为来电比较集中，如遇电话繁忙，<br>建议您优先选择在线客服咨询！</i></dd>
            </dl>
        </div>
        <div class="popBox" id="servicechat" style="display:none;">
            <div class="pop_top">
                <i class="pop_bk2"></i>
                <b class="pop_close"  @click="chatClose();"></b>
            </div>
            <dl class="pop3">
                <dd><span>在线客服</span><b>在线时间6:00-23:30</b>&nbsp;<a href="//servicechat.ctrip.com/?bizType=1302&pageCode=108001&isPreSale=1#" target="_blank">点击进入</a></dd>
            </dl>
        </div>
        <div class="popBox" id="nightservice" style="display: none">
            <div class="pop_top">
                <i class="pop_bk2"></i>
                <b class="pop_close"  @click="chatClose();" ></b>
            </div>
            <dl class="pop3">
                <dd><span>在线客服</span><b>在线客服已进入睡眠，请在6:00-23:30再试</b></dd>
            </dl>
        </div>
    </div>
</div>

<script>
    var requestMkt_header = '';
    var requestAllianceID = '';
    var requestSid = '';
    var requestOuid = '';
    var requestOrderSource= '';

    //验证
    var commonValidate = cQuery(document).regMod('validate', '1.1');



</script>


<script type="text/javascript" src="https://webresource.ctrip.com/ResTrainOnline/R1/TrainBooking/rootweb/js/searchTrain.js?v=1624244877884" charset="utf-8"></script>


<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https'){
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else{
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script type="text/javascript">var globalConfig={H1:'https',AjaxUrl:'accounts.ctrip.com',H3:'my.ctrip.com',PassportUrl:'passport.ctrip.com',Lang:'gb2312'};</script><script type="text/javascript" src="//webresource.c-ctrip.com/ResCRMOnline/R1/pageheader/js/ActivityController_V3.min.js?temp=-1,611,663,913" charset="utf-8"></script>


</body>
</html>